<template>
  <div>
    懒加载
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc" />
    <img v-lazy="imgSrc2" />
    <img v-lazy="imgSrc2" />
    <img v-lazy="imgSrc2" />
    <img v-lazy="imgSrc2" />
    <img v-lazy="imgSrc2" />
    <img v-lazy="imgSrc2" />
    <img v-lazy="imgSrc2" />
    <img v-lazy="imgSrc2" />
    <img v-lazy="imgSrc2" />
    <!-- https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=606292280,1702114722&fm=26&gp=0.jpg -->
  </div>
</template>

<script>
// npm install --save vue-lazyload
// https://github.com/hilongjw/vue-lazyload
export default {
  data() {
    return {
      imgSrc:
        "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=606292280,1702114722&fm=26&gp=0.jpg",
      imgSrc2:
        "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2473059907,761103901&fm=26&gp=0.jpg"
    };
  }
};
</script>

<style>
</style>